@charset "utf-8";
//导航栏的背景颜色
.navbar-default{
    background-color: #222222;
    margin-bottom: 0;
    border:none;
    border-radius: 0;
    .container-fluid{
       max-width:1000px;
        .navbar-header{
            .navbar-brand{
                padding-top:7px; 
            }
        }
        #navbar{
            .navbar-nav{
                .dropBtn{
                    &:link{
                        background-color:#080808;
                        color:#fff;
                    }
                }
            }
           
        }
    } 
}
//导航栏的a标签颜色
.navbar-default .navbar-nav > li > a{
    color:#858585;
}
//导航激活类的样式
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover{
    background-color: #080808;
    color:#fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav >li > a:focus{
    color:#fff;
}
.navbar-default .navbar-nav #dropBtn{
    background-color: #fff;
    color:#222222;
}
.navbar-default .navbar-nav .open a:focus{
    background-color: #080808;
    color:#fff;
}
.navbar-default .navbar-toggle{
    border-color:transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: #080808;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color:transparent;
}
//logo位置
.navbar-brand{
    padding-top:0;
    padding-bottom: 0;
}
// header banner图
header{
    width:100%;
    background-color: #2b80d9;
    .container{
        img{
           
            display: block;
            width:100%;
            &:hover{
            opacity: 0.6;
            }
        }
    }
}


// layaFlash 引擎
.product_section{
    background-color: #fbfaf7;
    overflow: hidden;
    .product{
        max-width:1000px;
        margin-top:85px;
       .product_row{
           .product_left{
               .big_title{
                   h2{
                    color:#0078d7;
                    font-weight:900;
                   }
                  
               }
               .small_title{
                   h4{
                    color:#666;
                    margin-top:10px;
                   }
                   
               }
               .product_row{
                    margin-top:50px;
                    .product_text{
                        .text{
                            font-size:16px;
                            color:#333333;
                        }
                        .text1{
                            font-size:14px;
                            color:#666666;
                        }
                    }
                    .product_img{
                        a{
                            display: block;
                            img{
                                display: block;
                                margin:auto;
                                &:hover{
                                    transition:all 1s;
                                    transform: rotate(360deg);
                                    transform-origin: center;
                               } 
                            }
                           
                        }
                      
                    }
               }
             
           }
       }
    }
}
//
// laybox优势
.laybox_section{
    overflow: hidden;
    margin-bottom:90px;
    .laybox{
        max-width:1000px;
        margin-top:60px;
        .laybox_img{
            margin-top:90px;
            img{
                &:hover{
                    opacity: 0.6;
                }
            }
        }
        .laybox_text{
            h2{
                color:#8fc31f;
                font-size:54px;
                font-weight:bolder;
                margin-bottom:55px;
            }
            p{
                line-height: 54px;
                padding-left:60px;
                font-size:14px;
                font-family: "微软雅黑";
                color:#666;
                background: url("../images/laybox1.png")no-repeat;
            }
        }
    }
}
//laya家族产品
.family_section{
    background-color: #0079d7;
    overflow: hidden;
    .family{
        max-width:1000px;
        color:#fff;
        margin-top:110px;
        .family_title{
            font-size:40px;
            text-align: center;
            font-weight: 500;
            margin-bottom:30px;
        }
        .family_row{
            height:180px;
            .family_img{
                margin-top:30px;
            }
            .family_text{
                line-height: 30px;
            }
        }
    }
}
//精彩游戏
.game_section{
    overflow: hidden;
    .game{
        max-width:1000px;
        margin-top:50px;
        .game_tile{
            width:100%;
            height:62px;
            margin-bottom:20px;
            h3{
               color:#2a2a2a;
            }
            a{
                display: block;
                float: right;
                line-height: 62px;
                font-size:14px;
                color:#2a2a2a;
            }
        }
        .game_text{
            padding-right:0;
            p{
                text-align: center;
            }
        }
        .game_img{
            img{
                &:hover{
                    opacity: 0.6;
                }
            }
        }
    }
}
//合作伙伴
.partner_section{
    background-color: #f4f4f4;
    margin-top:40px;
    padding-bottom:60px;
    .partner{
        max-width:1000px;
        .partner_title{
            height:100px;
            line-height: 100px;
            font-size:25px;
            color:#2d2d2d;
            sub{
                font-size:14px;
                color:#666;
            }
        }
        .partner_img{
            img{
                width:100%;
               border:1px solid #dddddd;
               border-radius: 5px;
               margin-bottom:20px;
               &:hover{
                   opacity: 0.6;
               }
            }
        }
    }
}
//脚部样式
footer{
    background-color: #3b3b3b;
    .footer{
        max-width:1000px;
        .footer_text{
           a{
               margin-top:30px;
               display: inline-block;
               line-height: 26px;
               padding-right:10px;
               color:#a1a3ab;
               &:hover{
                   color:#fff;
                   text-decoration: none;
               }
           }
            p{
                color:#a1a3ab;
            }
        }
        .footer_img{
            margin-top:30px;
            text-align: right;
            a{
                padding-left:10px;
                position: relative;
                .img{
                    display: none;
                    position: absolute;
                    top:-160px;
                    left:-40px;
                    z-index:999;
                }
                &:hover .img{
                    display: block;
                }
            }
        }
    }
}


// 媒体查询

@media screen and (max-width:480px){
    //展开按钮
    .navbar-header{
        .btn{
            border:none;
        }
        .btn:active,.btn:focus{
            background-color:#080808;
            color:#fff;
            outline: none;
            border:none;
        }
    }
    // layaFlash 引擎
    .product_section{
        .product{
            margin-top:30px;
        .product_row{
            .product_left{
                .big_title{
                    h2{
                        font-size:20px;
                        text-align: center;
                    }  
                }
            }
            .product_right{
                display:none;
            }
        }
        }
    }
    // laybox优势
    .laybox_section{
        .laybox{
            border-top:1px solid #ccc;
            .laybox_text{
                h2{
                    color:#8fc31f;
                    font-size:20px;
                    text-align: center;
                }
            }
        }
    }
    //laya家族产品
    .family_section{
        padding-bottom: 40px;
        .family{
            margin-top:50px;
            .family_title{
                font-size:20px;
                text-align: center;
            }
            .family_row{
                height:210px;
                margin-bottom:30px;
                .family_img{
                    margin-top:30px;
                    text-align: center;
                }
                .family_text{
                    line-height: 30px;
                    h2{
                        padding-left:20px;
                    }
                    p{
                        padding-left:20px;
                    }
                }
            }
        }
    }
    //精彩游戏
    .game_section{
        .game{
            .game_tile{
                a{
                    display: none;
                }
            }
            .game_img{
                img{
                    display: block;
                    margin:auto;
                }
            }
            .game_text{
                padding-right:0;
                padding-left:0;
                overflow: hidden;
                margin-top:20px;
                img{
                    display: block;
                    margin:auto;
                }
                p{
                    text-align: center;
                }
            }
        }
    }

    //脚部样式
    footer{
        .footer{
            .footer_img{
                a{
                   display: none;
                }
            }
        }
    }
}

@media screen and (min-width:480px) and (max-width:767px){
     //展开按钮
     .navbar-header{
        .btn{
            border:none;
        }
        .btn:active,.btn:focus{
            background-color:#080808;
            color:#fff;
            outline: none;
            border:none;
        }
    }
    // layaFlash 引擎
    .product_section{
        .product{
           .product_row{
               .product_left{
                   .big_title{
                       h2{
                        font-size:35px;
                       }
                      
                   }
                   .small_title{
                       h4{
                        font-size:25px;
                       }
                       
                   }
                   .product_img{
                       
                       img{
                            display: block;
                            margin:auto;
                       }
                       
                   }
                   .product_row{
                        .product_text{
                            .text{
                                font-size:20px;
                            }
                            .text1{
                                font-size:16px;
                        
                            }
                        }
                   }
                 
               }
               .product_right{
                   img{
                       display: none;
                   }
               }
           }
        }
    }
     // laybox优势
     .laybox_section{
        .laybox{
            border-top:1px solid #ccc;
            .laybox_img{
                margin-top:150px;
                img{
                    display: block;
                    transform: scale(1.5);
                    margin:auto;
                }
            }
            .laybox_text{
                h2{
                    color:#8fc31f;
                    font-size:40px;
                    padding-left:20px;
                }
            }
        }
    }
      //laya家族产品
      .family_section{
        .family{
            margin-top:50px;
            .family_title{
                font-size:20px;
                text-align: center;
            }
            .family_row{
                margin-bottom:30px;
                .family_img{
                    margin-top:30px;
                    text-align: center;
                }
                .family_text{
                    line-height: 30px;
                    h2{
                        padding-left:20px;
                    }
                    p{
                        padding-left:20px;
                    }
                }
            }
        }
    }
      //精彩游戏
      .game_section{
        .game{
            .game_tile{
                a{
                    display: none;
                }
            }
            .game_img{
                img{
                    display: block;
                    margin:auto;
                }
            }
            .game_text{
                padding-right:0;
                padding-left:0;
                overflow: hidden;
                margin-top:20px;
                img{
                    display: block;
                    margin:auto;
                }
                p{
                    text-align: center;
                }
            }
        }
    }
    //合作伙伴
    .partner_section{
        .partner{
            .partner_img{
                margin-bottom:20px;
                img{
                display: block;
                width:100%;
                margin:auto;
                }
            }
        }
    }
     //脚部样式
     footer{
        background-color: #3b3b3b;
        .footer{
           .footer_img{
               padding-right:20px;
               padding-bottom:20px;
           }
        }
    }
}

@media screen and (min-width:768px) and (max-width:992px){
     // layaFlash 引擎
     .product_section{
        .product{
            margin-top:30px;
        .product_row{
            .product_left{
                .big_title{
                    h2{
                        font-size:40px;  
                    }  
                }
                .small_title{
                    h4{
                        font-size:20px;
                    }
                }
                .product_row{
                    .product_text{
                        .text{
                            font-size: 20px;
                        }
                        .text1{
                            font-size: 14px;
                        }
                    }
                }
            }
            .product_right{
                padding-left:0;
                padding-right:0;
                img{
                    display: block;
                    margin-top:170px;
                }
            }
        }
        }
    }
    //laya家族产品
    .family_section{
        .family{
            .family_row{
                height:200px;
                margin-bottom:100px;
                .family_text,.family_img{
                    padding-left:0;
                    padding-right:0;
                }
            }
        }
    }
    //精彩游戏
    .game_section{
        .game{
            max-width:1000px;
            margin-top:50px;
            .game_img{
                img{
                    display: block;
                    margin:auto;
                }
            }
            .game_text{
                padding-right:0;
                margin-top:30px;
                p{
                    text-align: center;
                }
                img{
                    display: block;
                    margin:auto;
                }
            }
        }
    }
    //合作伙伴
    .partner_section{
        .partner{
            .partner_img{
                img{
                    display: block;
                    margin:auto;
                    margin-bottom: 20px;
                }
            }
        }
    }
    //脚部样式
    footer{
        background-color: #3b3b3b;
        overflow: hidden;
        .footer{
           .footer_img{
               padding-right:20px;
               padding-bottom:20px;
           }
        }
    }
}